<!DOCTYPE html>
<html lang="it">
	<head>
  		<meta charset="utf-8">
  		<title>Microsoft Explorer 9</title>
     	<link href="css/style5.css" rel="stylesheet" type="text/css" />
		<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
  	</head>
		<body>
	
			 <!--[Header]-->
		    <header>	
				<div class="text-center">
					<h1 id="logo"><img src="images/logo.png" alt="" /></h1>	
				</div>
			</header>
		    <!--[/Header]-->
		    
		    
			 <!--[Nav]-->	   
			<nav>
				<div id="div-nb-exp"><span id="nbExpNum"></div>
			    <div id="mainNav">
					<ul>
				       <li><a href="index.html">HOME</a></li>
				       <li><a href="localStorage.html">Local Storage</a></li>
				       <li><a href="sessionStorage.html">Session Storage</a></li>
				       <li><a href="canvas.html">Canvas</a></li>
				       <li><a href="audioVideo.html">Video</a></li>
				       <li><a href="browser.html">Browser</a></li>
					</ul>
				</div>
			</nav>
			<!--[/Nav]-->	
		    			
    		<!--[Section]-->
    			
    		<section id="content">
				<div id="content-body">
					<div class="text-content">
						<div style="text-align:center">
							<div style="text-align:center">
								<video id="videoContent" 
									controls="" 
									width="670"
									src="http://msnvidweb.vo.msecnd.net/o3/IE9%20Demo/Salt_Trailer_2.mp4"
									/>
								<div class="media-buttons">
									<input id="play-button" value="Play" type="button" />
									<input id="pause-button" value="Pause" type="button" />
									<input id="mute-button" value="Mute" type="button" />
								</div>
								<script type="text/javascript">
									var videoClip = document.getElementById('videoContent');
									var playButton = $('#play-button');
									var pauseButton = $('#pause-button');
									var muteButton = $('#mute-button');

									playButton.click(function () {
										videoClip.play();
									});

									pauseButton.click(function () {
										videoClip.pause();
									});

									muteButton.click(function () {
										videoClip.muted = videoClip.muted
								? false
								: true;
									});
								</script>
								<br />
								<br />
								<audio id="audio-clip" 
										controls="" 
										width="670"
										src="http://ie.microsoft.com/testdrive/HTML5/HTML5_Audio_XML_Playlist/assets/audio/Musopen.Com%20Symphony%20No.%205%20in%20C%20Minor,%20Op.%2067%20-%20I.%20Allegro%20con%20brio.mp3"
										/>
							</div>
						</div>
						<div class="clear"></div>
					</div>
					<div class="text-content">
						<p>Seguimi su <a href="http//www.twitter.com/imperugo">TWITTER</a></p>
					</div>
				</div>
				<div class="clear"></div>
			</section>
    		<!--[/Section]-->

	    	<!--[Footer]-->
			<footer>
				<div class="footerbot">
					<span class="floatleft">
						<a href="http://tostring.it/">Imperugo</a></span><span class="floatright"><a href="http://twitter.com/imperugo" class="hide">Twitter</a> 
					<a href="http://tostring.it/contacts">Contact</a></span>
				</div>
			</footer>
			<!--[/Footer]-->
		</body>
</html>